<script>
  init({
    title: 'Issue #152',
    desc: 'How to pass parameter to server(<a href="https://github.com/wenzhixin/bootstrap-table/issues/152" target="_blank">#152</a> <a href="https://github.com/wenzhixin/bootstrap-table/issues/152#issuecomment-61213273">@61213273</a> ).',
    links: ['bootstrap-table.min.css'],
    scripts: ['bootstrap-table.min.js']
  })

</script>

<b id="get">Method: Get</b>
<table data-height="400"
       data-page-list="[5, 10, 20, 50, 100, 200]"
       data-pagination="true"
       data-query-params="queryParams"
       data-search="true"
       data-side-pagination="server"
       data-toggle="table"
       data-toolbar="#get"
       data-url="https://examples.wenzhixin.net.cn/examples/bootstrap_table/data">
    <thead>
    <tr>
        <th data-field="id">ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price">Item Price</th>
    </tr>
    </thead>
</table>

<b id="post">Method: Post</b>
<table data-height="400"
       data-method="post"
       data-page-list="[5, 10, 20, 50, 100, 200]"
       data-pagination="true"
       data-query-params="postQueryParams"
       data-search="true"
       data-side-pagination="server"
       data-toggle="table"
       data-toolbar="#post"
       data-url="https://examples.wenzhixin.net.cn/examples/bootstrap_table/data">
    <thead>
    <tr>
        <th data-field="id">ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price">Item Price</th>
    </tr>
    </thead>
</table>

<script>
  function queryParams(params) {
    params.your_param1 = 1 // add param1
    params.your_param2 = 2 // add param2
    // console.log(JSON.stringify(params));
    // {"limit":10,"offset":0,"order":"asc","your_param1":1,"your_param2":2}
    return params
  }

  function postQueryParams(params) {
    params.your_param1 = 1 // add param1
    params.your_param2 = 2 // add param2
    return params // body data
  }

</script>
